<div class="accordion"  id="accordionExample">
		<div class="card">
			<div class="card-header" id="heading12">
				<div class="mb-0">
					<a class="text-left collapsed" href="javascript:void(0);"  data-toggle="collapse" data-target="#collapse-tips" aria-expanded="false" aria-controls="collapse-tips">
						<i class="fa fa-exclamation-circle"></i>&nbsp; 集成使用说明 <i class="feather icon-chevron-down"></i>
					</a>
				</div>
			</div>

			<div id="collapse-tips" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
				<div class="card-body">
					<ul>
						<li>1.这是一个数据表单组件,现阶段支持（tinymce编辑器，百度编辑器，135编辑器）插入内容.</li>
						<li>2.组件引用方式:<br/><pre><code> `$ form->caijiwebinfo('采集web信息') // 定义按钮文字
                ->icon('feather icon-crosshair') // 定义按钮图标
                ->titleClass('art_title') // 插入文章标题到对应的class
                ->contentClass('art_content'); // 插入文章内容到对应的class `</code></pre></li>
						<li>3.同时在对应的标题和内容编辑器上定义对应的class <br/>
							<pre><code>
        $ form->text('title','文章标题')->setElementClass('art_title');
            // todo 百度编辑器
            //$ form->ueditor('content','文章内容')->setElementClass('art_content');
            // todo 135编辑器
            $ form->neditor('content','文章内容')->setElementClass('art_content');
            // todo tinymce编辑器
            //$ form->editor('content','文章内容')->setElementClass('art_content');
        </code></pre>
						</li>
					</ul>
				</div>
			</div>
		</div>
</div>
<br/>